export default {
  // 当前模块开启命名空间
  namespaced: true,

  //模块的state数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),

  // 模块的 mutations 方法
  mutations: {
    //添加购物车的方法
    addToCart(state, good) {
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      const findResult = state.cart.find((x) => x.goods_id === good.goods_id)

      //undefin的布尔类型为false，取反为true
      if (!findResult) {
        //相当于不存在购物车中
        state.cart.push(good)
      } else {
        //存在购物车中
        findResult.goods_count++
      }
      //修改了数据就存入
      this.commit('m_cart/saveStorage')
    },

    //修改购物车的选中状态
    updateCartRadio(state, goods) {
      //通过find函数，自动循环这个购物车数组，找到当前点击的对象。找到结果为该对象，否则为undefined
      const result = state.cart.find(x => x.goods_id === goods.goods_id)
      if (result) {
        //找到点击的对象，则把点击对象的选中状态修改为传过来的
        result.goods_state = goods.goods_state
        this.commit('m_cart/saveStorage')
      }
    },

    //修改购物车商品的数量
    updateCartCount(state, goods) {
      const result = state.cart.find(x => x.goods_id === goods.goods_id)
      if (result) {
        result.goods_count = goods.goods_count
        this.commit('m_cart/saveStorage')
      }
    },

    //删除购物车商品
    deleteCartShop(state, goods) {
      //符合条件的过滤掉形成一个新数组，就相当于把不符合条件的删除掉了
      state.cart = state.cart.filter(x => x.goods_id !== goods.goods_id)
      this.commit('m_cart/saveStorage')
    },

    //实现全选
    updateAllCheck(state, goods_state) {
      state.cart.forEach(x => x.goods_state = goods_state)
      this.commit('m_cart/saveStorage')
    },

    //修改后调用存入本地中,每次使用mutation后都用
    saveStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },

  },
  // 模块的 getters 属性
  getters: {
    /* 购物车总数 */
    total(state) {
      /* let c = 0
       state.cart.forEach(good => c += good.goods_count)
       return c */

      /* 使用reduce优化累加的逻辑代码,当函数体只有一行代码时可以省略掉 {} ，但是也必须去掉return*/
      return state.cart.reduce((total, item) => total += item.goods_count, 0)
    },

    /* 购物车选中商品计算*/
    /* 思路：
    1.先用数组的filter方法过滤出选中的商品
    2.用reduce数组的方法实现累加，reduce（（total,item）=> {},0 ）
    第一个参数是回调函数，回调函数中中第一个参数是循环累加的总数，第二个是循环项。第二个参数是累加的初始值，一般为0
    */
    checkedCount(state) {
      return state.cart.filter(x => x.goods_state).reduce((total, item) => {
        return total += item.goods_count
      }, 0)
    },
    
    /* 购物车价格动态计算*/
    updateAllPrice (state) {
      return state.cart.filter(x => x.goods_state)
      .reduce((total,item)=> total += item.goods_count * item.goods_price,0)
      .toFixed(2)
    }
    
    
    
  }
}
